// JavaScript Document
$(document).ready(function(e) {
	var H=$(window).height();
	var W=$(window).width();
	var h1=H-67;
    var w1=W-196;
	var h2=h1-96;
	$(".left").height(h1);
	$(".right").width(w1);
	$("#show").height(h1);
	$(window).resize(function(){
		H=$(window).height();
		W=$(window).width();
		h1=H-67;
		w1=W-196;
		h2=h1-96;
		$(".left").height(h1);
		$(".right").width(w1);
		if($(".right_titlayout").css("display")=="none"){
		$("#show").height(h1);
			}else{
		$("#show").height(h2);
			}
		});
    $(".tit_img").click(function(){
		if($(".tit_img").index($(this))==0){
		$(this).attr("src","skin/images/index_click_titicon_03.png");
		$(".tit_img").eq(1).attr("src","skin/images/index_tit_icon_05.png");
		$(".tit_img").eq(2).attr("src","skin/images/index_tit_icon_07.png");
		}else if($(".tit_img").index($(this))==1){
		$(this).attr("src","skin/images/index_click_titicon_05.png");
		$(".tit_img").eq(0).attr("src","skin/images/index_tit_icon_03.png");
		$(".tit_img").eq(2).attr("src","skin/images/index_tit_icon_07.png");	
		}else{
		$(this).attr("src","skin/images/index_click_titicon_07.png");
		$(".tit_img").eq(0).attr("src","skin/images/index_tit_icon_03.png");
		$(".tit_img").eq(1).attr("src","skin/images/index_tit_icon_05.png");
		}
		});
	$(".button_out").hover(function(){
			$(this).css("background","url(skin/images/tit_hover_backout_03.png) no-repeat 0 6px");
		},function(){
			$(this).css("background","url(skin/images/index_titout_03.png) no-repeat 0 6px");
		});
	$(".left_first_a").hover(function(){
			$(this).css("background","url(skin/images/left_first_hoverlibg_02.png) no-repeat");
		},function(){
			if($(this).hasClass("is_click")){}else{
			$(this).css("background","url(skin/images/left_first_libg_05.png) no-repeat");
			}
		});
	$(".left_first_a").click(function(){
		if($(this).hasClass("is_click")){
				$(this).removeClass("is_click");
				$(this).next(".left_second_ul").animate({height:"hide",width:"0px"});
			}else{
				$(this).addClass("is_click");
				$(this).next(".left_second_ul").animate({height:"show",width:"166px"});
		    }
		$(".left_first_a").not(this).removeClass("is_click");
		$(".left_first_a").not(this).css("background","url(skin/images/left_first_libg_05.png) no-repeat");
		$(".left_first_a").not(this).next(".left_second_ul").animate({height:"hide",width:"0px"});
		});
	$(".left_second_a").hover(function(){
			$(this).css("font-weight","bold");
		},function(){
			if($(this).hasClass("click")){}else{
			$(this).css("font-weight","normal");
			}
		});
	$(".left_second_a").click(function(){
		if($(this).hasClass("click")){
				$(this).removeClass("click");
				$(this).parent(".left_second_li").css("padding-bottom","0px");
			}else{
				$(this).addClass("click");
				$(this).parent(".left_second_li").css("padding-bottom","10px");
			}
		$(this).next(".left_third_ul").slideToggle();
		$(this).parents(".left_second_ul").find(".left_second_a").not($(this)).removeClass("click");
		$(this).parents(".left_second_ul").find(".left_second_a").not($(this)).css("font-weight","normal");
		$(this).parents(".left_second_ul").find(".left_second_a").not($(this)).next(".left_third_ul").slideUp();
		$(this).parents(".left_second_ul").find(".left_second_a").not($(this)).parent(".left_second_li").css("padding-bottom","0px");
		});
	$(".left_third_a").hover(function(){
			$(this).css("color","#008ed8");
		},function(){
			if($(this).hasClass("click_yes")){}else{
			$(this).css("color","#000");
			}
		});
	$(".left_third_a").click(function(){
		if($(this).hasClass("click_yes")){
			$(this).removeClass("click_yes");
			}else{
			$(this).addClass("click_yes");
			}
			$(".left_third_a").not($(this)).css("color","#000");
			$(".left_third_a").not($(this)).removeClass("click_yes");
			var s1="当前位置：";
			var s2=$(".is_click").text();
			var s3=$(this).parents(".left_third_ul").prev(".left_second_a").text();
			var s4=$(this).text();
			var s=s1+"&nbsp;"+s2+"&nbsp;>>&nbsp;"+s3+"&nbsp;>>&nbsp;"+s4;
			$(".right_tit").html(s);
			$(".right_titlayout").show();
			//h2=H-163;
			$("#show").height(h2);
			var i=$(this).attr("id");
			var c=i+"1";
			if($(".middle_li").length<=6){
			if($(".middle_li").hasClass(c)){
				for(var i=0; i<$(".middle_li").length; i++){
					 if($(".middle_li").eq(i).hasClass(c)){
					 	$(".middle_li").eq(i).removeClass("middle_libg").addClass("middle_hoverlibg yes");
					 	$(".middle_li").not($(".middle_li").eq(i)).removeClass("yes middle_hoverlibg").addClass("middle_libg");
						$(".iframe").eq(i+1).css("display","block");
						$(".iframe").not($(".iframe").eq(i+1)).css("display","none");
					 }
					}
			}else{
			$(".middle_li").removeClass("middle_hoverlibg yes").addClass("middle_libg");
			var li=$("<li/>").addClass("middle_li middle_hoverlibg yes").addClass(c).html(s4).append($("<div/>").addClass("middle_delete middle_deletebg"));
			$(".middle_ul").append(li);
			$(".iframe").css("display","none");
			var iframe=$("<iframe frameborder='0' scolling='auto' />").addClass("iframe").attr("src",$(this).attr("id"));
			$("#show").append(iframe);
			}
			}else{alert("暂时只能放置6个");}
		});
	$(".middle_text").focusin(function(e) {
        $(".middle_ts").hide();
    });
	$(".middle_text").focusout(function(e) {
        if($(this).val()==""||$(this).val()==null)
		$(".middle_ts").show();
    });
	$(".middle_ts").click(function(){
		$(".middle_text").focus();
		});
	$(".middle_li").live("mouseenter",function(){
		$(this).removeClass("middle_ling");
		$(this).addClass("middle_hoverlibg");
		});
	$(".middle_li").live("mouseleave",function(){
		if($(this).hasClass("yes")){}else{
		$(this).removeClass("middle_hoverlibg");
		$(this).addClass("middle_libg");
		}
		});
	$(".middle_li").live("click",function(){
		if($(this).hasClass("yes")){}else{
			$(this).addClass("yes");
			$(this).removeClass("middle_ling");
			$(this).addClass("middle_hoverlibg");
			$(".middle_li").not($(this)).removeClass("yes");
			$(".middle_li").not($(this)).removeClass("middle_hoverlibg").addClass("middle_libg");
			$(".iframe").eq($(".middle_li").index($(this))+1).show();
			$(".iframe").not($(".iframe").eq($(".middle_li").index($(this))+1)).hide();
			}
		});
	$(".middle_delete").live("mouseenter",function(){
		$(this).removeClass("middle_deletebg");
		$(this).addClass("middle_hoverdeletebg");
		});
	$(".middle_delete").live("mouseleave",function(){
		$(this).removeClass("middle_hoverdeletebg");
		$(this).addClass("middle_deletebg");
		});
	$(".middle_delete").live("click",function(event){
		event.stopPropagation();
		var myboolean=$(this).parent(".middle_li").hasClass("yes"); 
		$(".iframe").eq($(".middle_li").index($(this).parent(".middle_li"))+1).remove();
		$(this).parent(".middle_li").remove();
		if(myboolean==true){
			$(".middle_li").last().click();
			}
		if($(".middle_li").length==0){
			$(".right_titimg").click();
			}
		});
	$(".right_titimg").click(function(){
		$(".right_titlayout").hide();
		$("#show").height(h1);
		$(".iframe").not($(".iframe").eq(0)).hide();
		$(".iframe").eq(0).show();
		$(".middle_li").removeClass("yes");
		$(".middle_li").removeClass("middle_hoverlibg");
		$(".middle_li").addClass("middle_libg");
		});
});